@charset "utf-8";
/*
	@name: ce
	@anther: reake (reake.com@gmail.com)
	@website: http://www.reake.com
	@function: main layout
*/
/* wrapper */
#wrapper {
	width:auto;
	height:100%;
	/*overflow:hidden;*/
}
.main, .sub {
	background:url(../images/topbg.gif) repeat-x;
}
.main {background-position: 0px 73px;}
.sub {background-position:0px 0px;}

#container {
	width:1200px;
	margin:0 auto;
}
#container > div{
	width:960px;
	margin:0 auto;
}
#result_wrap, .result-show, #flash, #content {
	width:1200px!important;
	margin:0 auto;
}
#ad_wrap, #ce_into, #info_wrap{
	width:960px!important;
	margin:0 auto;
}

/* header */
#header {
	position:relative;
	height:150px;
}
#header h1 {
	width:350px;
	margin:0 auto;
	position:absolute;
	left:35%;
	top:20%;
}
#header h1 .logo {
	display:block;
	background:url(../images/logo.png) no-repeat;
	width:245px;
	height:89px;
	text-indent:-9999px;
}
#header .topnav {
	position:absolute;
	top:5px;
	right:10px;
}
#header .topnav li {
	float:left;
	color:#DFDFDF;
	font-size:14px;
}
#header .topnav li a {
	color:#08f;
	padding:0 8px;
	display:inline-block;
}

/* ce_wrap*/
#ce_wrap {
	background:#0077DE url(../images/ce_wrapbg.gif) repeat-x top;
}
/* 1px round corner  */
.round {
	vertical-align: middle;
	border-left:1px solid #0083DC;
	border-right:1px solid #0083DC;
}
.round .round_corner {
	width:908px;
	float:left;
	position: relative;
	border-top: 1px solid #008DEB;
	border-bottom:1px solid #0083DC;
	margin:-1px 0;
	padding:15px 10px 20px 40px;
}

.so_nav {
	margin-left:180px;
	font-size:14px;
}
.so_nav a{
	color:#D9ECFF;
	margin:0 10px;
}
.so_nav a:hover {color:white;}
.so_nav a.current {
	color:white;
	font-weight:bold;
}

.so_wrap {
	width:820px;
	margin:0 auto;
}
.so_arrow {
	background:url(../images/so_arrow.gif) no-repeat top;
	width:13px;
	height:7px;
	margin-left:115px;
	position:absolute;
	top:40px;
	left:130px;
}

.so_box {
	margin-top:10px;
}

/* label */

.so_input {
	background: white;
	border: 1px solid #0062C7;
	border-top: 1px solid #0059B5;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	height: 26px;
	*line-height:26px;
	display:block;
	padding:4px;
	vertical-align: top;
	color:#666;
	font-size:14px;
	margin-top:8px;
	width:560px;
}
.so_input:hover {
	background:#EDF7FF;
}
.so_button {
	background:url(../images/so_btn.png) no-repeat;
}
.so_button {
	width:87px;
	line-height:35px;
	line-height:35px;
	*zoom:1;
	overflow:visible;
	text-align:center;
	background-position:0px 0px;
	border:0 none;
	color:#fff;
	font-weight:bold;
	text-shadow:1px 1px #45AD00;
	cursor:pointer;
	font-size:15px;
}
.so_button:hover {
	background-position:-94px 0px;
}

.route-select{
	float:left;
	width:182px;
	height:33px;
	line-height:33px;
	_padding-top:6px;
	font-size:14px;
}
.route-select label{color:#fff; width:15px; }
.route-select select{
	background: white;
	border: 1px solid #0062C7;
	border-top: 1px solid #0059B5;
	width:128px;
	height:33px;
	*margin-top:7px; padding-top:8px; padding-bottom:5px;*margin-bottom:-3px;
}
*html .route-select select{margin-top:2px ;}


#mCon{
	width:270px;
	height:18px;
	line-height:18px;
	position:absolute;
	right:7px;
	top:8px;
	top:10px\9;
	cursor:pointer;
	padding:0 18px 0 0;
}
#mCon a {
	font-size:14px;
	color:#D3EBFF;
	padding:0 3px;
	margin-left:8px;
}
.more_options {
	text-align:left;
	height:auto;
	border:1px solid #0062C7;
	border-top:1px solid #0059B5;
	background:#fff;
	width:560px;
	padding:3px;
	margin-top:3px;
}
.more_options label {
	padding:8px 5px;
	display:inline-block;
}
.more_options label  span {
	width:80px;
	display:inline-block;
}

/* ad wrap*/
#ad_wrap{
	margin-top:20px;
}

.ad_img{
	height:50px;
	border:none;
	margin-top:10px;
}
.ad_img ul li {
	float:left;
	width:182px;
	height:50px;
	overflow:hidden;
	text-align:center;
	/*position:relative;*/
	margin:5px 0px 0px 12px;
}
.ad_img ul li.first{
	margin-left:0px;
}
.ad_img img{
	height:50px;
}
.ad_txt {
	margin-top:20px;
	padding:4px 0 4px 8px;
	border:1px solid #f5f5f5;
	height:50px;
}
.ad_txt ul li{
	float: left;
	width: 20%;
	font-size:12px;
	height: 25px;
	line-height:25px;
	overflow: hidden;
}
.ad_txt a{
	color:#0269ac;
}

/* 广告防过滤*/
#da_wrap{
	margin-top:20px;
	width:960px!important;
	margin:0 auto;
}

.add_img{
	height:50px;
	border:none;
	margin-top:10px;
}
.add_img ul li {
	float:left;
	width:182px;
	height:50px;
	overflow:hidden;
	text-align:center;
	/*position:relative;*/
	margin:5px 0px 0px 12px;
}
.add_img ul li.first{
	margin-left:0px;
}

.add_img .one{
	display: block;
	margin-left:20px;
	background: url(../content/360dns.gif) no-repeat;
	height:50px;
}

.add_img .two{
	display: block;
	margin-left:20px;
	background: url(../content/diycdn.gif) no-repeat;
	height:50px;
}

.add_img .three{
	display: block;
	margin-left:20px;
	background: url(../content/yulusa.gif) no-repeat;
	height:46px;
	width:140px;
	vertical-align:middle;
	padding:1px;
	border:1px solid #ddd;
}

.add_img .four{
	display: block;
	margin-left:20px;
	background: url(../content/Addo99.gif) no-repeat;
	height:50px;
}

.add_img .five{
	display: block;
	margin-left:20px;
	background: url(../content/vedns.gif) no-repeat;
	height:46px;
	width:140px;
	vertical-align:middle;
	padding:1px;
	border:1px solid #ddd;
}

.add_img .six{
	display: block;
	margin-left:20px;
	background: url(../content/dns.cloud.ph.gif) no-repeat;
	height:50px;
}

.add_img .seven{
	display: block;
	margin-left:20px;
	background: url(../content/www.cloud.ph.gif) no-repeat;
	height:50px;
}

.add_img .eight{
	display: block;
	margin-left:20px;
	background: url(../content/17CE-DH.gif) no-repeat;
	width:140px;
	height: 46px;
	vertical-align:middle;
	padding:1px;
	border:1px solid #ddd;
}

.add_img .nine{
	display: block;
	margin-left:20px;
	background: url(../content/144-50.gif) no-repeat;
	width:140px;
	height: 46px;
	vertical-align:middle;
	padding:1px;
	border:1px solid gray;
}

.add_img .ten{
	display: block;
	margin-left:20px;
	background: url(../content/ruijiang.gif) no-repeat;
	height:50px;
}

.add_txt {
	margin-top:20px;
	padding:4px 0 4px 8px;
	border:1px solid #f5f5f5;
	height:50px;
}
.add_txt ul li{
	float: left;
	width: 20%;
	font-size:12px;
	height: 25px;
	line-height:25px;
	overflow: hidden;
}
.add_txt a{
	color:#0269ac;
}
/* 广告防过滤*/

/* ce products into */
#ce_into {
	margin-top:40px;
	height:130px;
	overflow:hidden;
	position:relative;
	padding:0 20px;
}
.into_show {
	width:910px;
}
.into_show ul li {
	float:left;
	width:198px;
	height:130px;
	padding-left:98px;
	margin:0 5px;
	position:relative;
}
.into_show ul li  h2 {
	font-size:16px;
	font-weight:bold;
}
.into_show ul li  p {
	color:#999;
	line-height:180%;
}
.into_show ul li  p  a {
	color:#08f;
}
.into_1 , .into_2, .into_3, .into_4, .into_5{
	background:url(../images/ceicon.gif) no-repeat;
	width:86px;
	height:86px;
	display:block;
	position:absolute;
	top:3px;
	left:0;
}
.into_1 {background-position:0px 0px;}
.into_2 {background-position:-89px 0px;}
.into_3 {background-position:-178px 0px;}
.into_4 {background-position:-267px 0px;}
.into_5 {background-position:-356px 0px;}
.into_1.hover {background-position:0px -102px;}
.into_2.hover {background-position:-89px -102px;}
.into_3.hover {background-position:-178px -102px;}
.into_4.hover {background-position:-267px -102px;}
.into_5.hover {background-position:-356px -102px;}

.into_prev , .into_next {
	background:url(../images/ceicon.gif) no-repeat;
	width:15px;
	height:45px;
	display:block;
	position:absolute;
	z-index:9999;
	border:0 none;
	cursor:pointer;
}

.into_prev {
	background-position:-487px 0px;
	top:15px;
	left:0px;
}
.into_prev:hover {
	background-position:-487px -42px;
}
.into_next {
	background-position:-543px 0px;
	top:15px;
	right:0px;
}
.into_next:hover {
	background-position:-543px -42px;
}



/* search cnt info */
#info_wrap {}
.ui_listbox {
	width:305px
}
.ui_listbox .ui_title {
	height:32px;
	line-height:31px;
	padding:0 3px 0 5px;
	background:#F5F5F5;
	border-bottom:1px solid #E4E4E4;
	overflow:hidden;
}
.ui_listbox .ui_title strong {
	color:#08f;
	font-size:14px;
}
.ui_listbox .ui_title span a{
	margin:0 5px;
	color:#999;
	display:inline-block;
}
.ui_listbox .ui_title span a:hover , .ui_listbox .ui_title span a.current {
	color:#08f;
}
.ui_listbox .ui_title span a.current {
	border-bottom:2px solid #08f;
}
.listbox_cnt {
	clear:both;
	margin-top:5px;
}
.update li{
	line-height:200%;
	padding:2px 0;
	color:#999;
}

/* table css */
.rank_list{
	width:100%;
	background: #fff;
	color: #9B9B9B;
	border-collapse: collapse;
	text-align: left;
}
.rank_list th{
	font-weight: normal;
	padding: 6px 8px;
	background:#CAE8EA;
	color:#88886B;
	border-bottom: 1px solid #EFEFEA;

}
.rank_list td{
	padding: 6px 8px 6px 8px;
	border-bottom: 1px solid #f5f5f5;
	border: 1px solid #CCE8E5;
	border-top:none;
}
.rank_list_cover th{
	background:#FFFFED!important;
}
.rank_list_cover td{
	border: none!important;
	border-bottom: 1px solid #f5f5f5!important;
}
.rank_list tbody tr:hover td, .rank_list td a {
	color: #08f
}

.rank_list .alt td{
	background-color:#ECF6FC;
}
.rank_list .highlight td{

}


/* links wrap */
#links_wrap {
	margin-top:30px;
	border-top:1px solid #E4E4E4;
}
#links_wrap .linklist {
	margin-top:10px;
	color:#ccc;
	line-height:200%;
}
#links_wrap .linklist strong {
	color:#08f;
	font-size:14px;
}
#links_wrap .linklist a {
	display:inline-block;
	margin:0 9px;
	color:#666666;
}
#links_wrap .linklist a:hover {
	color:#08f
}
#links_wrap .linklist a.blue {font-weight:bold;color:#08f;}  /*重写样式*/



/* so result wrap */
#result_wrap {
	/*width:1200px;*/
	margin:15px auto 0;
	height:100%;
	overflow:hidden;
}
.loadding {
	height:350px;
	line-height:350px;
	text-align:center;
	color:#909BA5;
	font-size:14px;
	font-weight:bold;
	/*display:none;*/
}
.sharebox, .res_info ,.flash_shape, .tablebox{
	clear:both;
	margin-top:15px;
	height:100%;
	overflow:hidden;
}
.sharebox .fl{
	font-size:14px;
	color:#666;
}
.sharebox .fl .input {
	width:480px;
	height:22px;
	margin:0 3px;
	border:1px solid #ccc;
}

.res_info {

	height:40px;
	line-height:40px;
}
.res_info .fl {
	width:400px;
}
.res_info  .middle {
	float:left;
}


/* login wrap */
#login_wrap {
	margin:80px 0 60px;
	min-height:420px;
	*height:420px;
}
#login_wrap  .leftbar {
	width:415px;
	border-right:1px solid #E4E4E4;
	padding-left:100px;
}
.login_title {
	font-size:22px;
	color:#555;
}
.login_area {
	margin:15px 0;
	height:100%;
	overflow:hidden;
}
.loginbox {
	padding:12px 0;
}
.loginbox  label {
	display:block;
	padding:5px 0;
	font-size:14px;
}
.loginbox .input  {
	border:1px solid #D9D9D9;
	border-top:1px solid #C0C0C0;
	padding:0 5px;
	height:35px;
	line-height:35px;
	color:#999;
	width:310px;
}
/* btn */
.button {
	height: 40px;
	line-height: 40px;
	vertical-align: bottom;
	font-size: 16px;
	display:block;
	float:left;
	margin:0 20px 0 0;
}
.b_blue {
	width:100px;
	border: 1px solid #0070D1;
	border-top:1px solid #016FCF;
	color: #fff;
	background-color: #0088FF;
	text-shadow: 0 1px rgba(0,0,0,0.1);
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}
.loginbox .blue {
	line-height:40px
}
.loginbox .err {
	color:red;
	padding:10px 0 0
}

#login_wrap .rightbar {
	width:380px;
	text-align:left;
	padding-top:70px;
}
.reginfo {
	font-size:14px;
}
.actinfo{
	margin-top:30px;
	padding-top:20px;
	border-top:1px solid #e9e9e9;
}
.actinfo  h3 {
	font-size:18px;
	color:#2B8A00;
	padding:5px 0;
}

#content_wrap  {
	margin:60px 0 20px;
}
.into_left{
	width:180px;
	margin-right:20px;
	height:100%;
	overflow:hidden;

}
.into_left ul {border-top:1px solid #E4E4E4;}
.into_left ul li a {
	display:block;
	border:1px solid #E4E4E4;
	border-top:0 none;
	background:#F5F5F5;
	height:45px;
	line-height:45px;
	font-size:14px;
	text-align:center;
}
.into_left ul li a:hover {
	color:#08f;
	border-left:5px solid #E4E4E4;
}
.into_left ul li a.current {
	color:#08f;
	font-weight:bold;
	border-left:5px solid #08f;
	border-right:0 none;
	background:#fff;

}
.into_cnt {
	width:740px;
	line-height:200%;
	padding:0 10px;
}

.into_list {
	padding:0 0 50px;
	position:relative;
	clear:both;
	overflow:hidden;
}
.intoinfo {
	padding:0 20px;
}
.intoinfo h2 {
	font-size:22px;
	color:#333;
}
.intoinfo p {
	line-height:200%;
	color:#999;
	font-size:14px;
}
.intopr, .intopl {
	position:absolute;top:0;width:300px;
}
.intopr {
	right:0;
}
.intopl {
	left:0;
}


/* about us */
.about_into {
	background:url(../images/about_tree.gif) no-repeat 0px 30px;
}
.about_cnt {
	padding-left:220px;
	min-height:300px;
	height:auto;
	overflow:hidden;

}
.about_cnt h2,.partner_cnt h2 {
	font-size:20px;
	font-weight:bold;
	color:#333;
	padding:0 0 20px;
}
.about_cnt p {
	font-size:14px;
	line-height:220%;
}


.partner_cnt {
	padding:0 40px;
	line-height:250%;
}
.partner_cnt h2  {
	text-align:center;
	padding:0 0 15px;
	border-bottom:1px solid #e9e9e9;
	margin:5px 0 20px;
}
.partner_cnt .c08f {
	font-size:16px;
}

/* shadow */
.so_shadow, .foot_shadow, .input_shadow, .btn_shadow, .into_shadow{
	background: url(../images/shadow.png) no-repeat;
	margin: 0 auto;
	clear: both;
	position: relative;
	z-index: 8;
	font-size: 0px;
	height: 16px;
}
.so_shadow {background-position:0px 0px;}
.foot_shadow {background-position:0px -34px;}
.input_shadow {background-position:0px -70px;_margin-top:-1px;}
.btn_shadow {background-position:0px -109px;}
.into_shadow {background-position:0px -137px;}

/* footer */
#footer {
	margin-top:30px
}

.f_wrap {
	border:1px solid #E3E3E3;
	background:#F9F9F9;
	padding:10px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	height:100%;
	overflow:hidden;
}
.f_wrap dl {
	float:left;
	width:233px;
}
.f_wrap dl dt {
	font-size: 16px;
	font-weight: bold;
	padding:0 0 12px;
	color:#666;
}
.f_wrap dl dd {
	padding:3px 0;
}
.f_wrap dl dd  a {
	color:#999;
}
.f_wrap dl dd  a:hover {
	color:#08f
}
.f_copyright {
	text-align:center;
	line-height:200%;
	color:#999;
	padding:10px;
}

/*--------------stop-btn-----------------*/
#stop-btn span{background:url(/smedia/images/check_page.png) 0 0 no-repeat}
#stop-btn{width:278px!important;height:138px;border:1px solid #ccc;position:fixed;top:50%;left:50%;margin-top:-45px!important;margin-left:-139px!important;background:#fff;z-index:10;}
#stop-btn div{width:228px;height:88px;border:5px solid #efefef;padding:20px 20px;color:#C75F3E;font-size:16px}
#stop-btn a{width:150px;height:30px;line-height:30px;font-size:14px;color:#009900;background:#CAE8EA;font-weight:700;text-decoration:none}
#stop-btn a:hover{text-decoration:underline}
#stop-btn span{display:block;width:18px;height:18px;position:relative;top:0;right:0;margin-top:-9px;margin-bottom:-9px;margin-right:-9px;float:right;background-position:-2px -190px;cursor:pointer}
.mt20{margin-top:20px}
.tc{text-align:center}
.bc{margin-left:auto;margin-right:auto}
.blk{display:block}